<head>
  <meta charset="utf-8">
  <title>鼠标坐标2</title>
   <style>
   #div1 {width:200px;height:200px;background:red;position:absolute;}
   </style>
   <script>
   function getPost(ev){
      var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
	  var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
	  return {x:ev.clientX+scrollLeft,y:ev.clientY+scrollTop};
   
   }
   document.onmouseover=function(ev){
      var oEvent=ev||event;
	  var oDiv=document.getElementById("div1");
      var pos=getPost(oEvent);
	  oDiv.style.left=pos.x+'px';
	  oDiv.style.top=pos.y+'px';	  	  	  
   };
   </script>
</head>
<body>
  <div id="div1"></div>


</body>
</html>